﻿/*// MAP1名称
var mapName = "";
// MAP1ID
var mapId = "";
// 指定DIV名称
var divId = ""; 
// 图片路径
var imgPath = "";
// hotArray热点集合
var hotArray = new Array();
//热点映射
//var imgMapList = creatImgAndMap();
var imgMapList = new Array();

initParam = function(mapName,mapId,divId,imgPath,imgMapList)
{
	 mapName = mapName;
	 mapId = mapId;
	 divId = divId;
	 imgMapList = imgMapList;
	 imgPath = imgPath;
}*/
/**
 * 动态图片热点创建入口
 * 参数：指定图片名称
 */
main = function(type,mapName,mapId,divId,imgPath,imgMapList) {
        var obj; 
      //  initParam(mapName,mapId,divId,imgMapList);
        switch(type) {
            case 0: 
            	for(i=0;i<imgMapList.length; i++)
            	{
            		// 指定图片及热点对象取得
                    obj = imgMapList[i];
                    // 创建图片及热点
                    creatImpAndHot(obj,mapName,mapId,divId,imgPath,imgMapList);
            	} 
                break;
        }
}

/**
 * 动态图片热点创建
 * 参数：热点及图片对象
 */
creatImpAndHot = function(hotObj,mapName,mapId,divId,imgPath,imgMapList) { 
		    /** 热区设置 */
            // 创建热点MAP对象
            var map = document.createElement("Map");
            // 设置MAP名称
            map.name = mapName;
            // 设置MAPID
            map.id = mapId; 
            // 热点列表取得
            var length = hotObj.map.length;
            for (var i = 0; i < length; i++) {
                var tempMap = hotObj.map[i];
                // 创建热区对象
                  area = document.createElement("area"); 
				  area.alt = "热点"+i;
                // 设置热区类型
                   area.shape = tempMap.shape;
                // 设置热区坐标
                  area.coords = tempMap.coords;
                // 设置热区对应链接
                 area.href = tempMap.href;
                // 设置热区对应事件
                  area.onclick = tempMap.onclick;
                // 设置热区id
                 area.id =  tempMap.id;
                // 向MAP中追加热区对象
                 map.appendChild(area); 
            }
           
           /** 图片设置 */
            // 创建图片对象
            var img = document.createElement("img");
            // 图片ID
            img.id = hotObj.img.id;
            // 设置图片链接
           // img.src = hotObj.img.imgName; 
             img.src = imgPath;
            // 设置图片对应热区MAP
            img.useMap="#" + mapId;
            // 设置图片尺寸
            img.width = hotObj.img.width; 
            img.height = hotObj.img.height; 
            // 边框
            img.border = "0";
            // 设置图片ID
            img.id = hotObj.id;
            // 清空指定DIV内容
            document.getElementById(divId).innerHTML = '';
            // 向DIV区添加图片对象
            document.getElementById(divId).appendChild(img);
            // 向DIV区添加MAP对象
            document.getElementById(divId).appendChild(map);
}
 
/**
 * 创建图片信息及热点信息列表
 */
creatImgAndMap = function(){
        var tempArray = new Array();
        /** 影射1 */
        var tempObj = new Object();
        /** 图片信息 */
        // 图片ID
        tempObj.img = new Object();
        tempObj.img.id = "test1";
        // 图片名称（只要图片名称，路径由公共变量设置）
        //tempObj.img.imgName = "113.jpg";
        // 设置图片尺寸
        tempObj.img.width = "1240";
        tempObj.img.height = "400";
        
        /** 热区信息 */
        var tempMap;
        tempObj.map = new Array();
        // 热点1
        tempMap = new Object();
        // 热区ID
        tempMap.id = "test1_hot1"
		//热区鼠标悬停提醒
		tempMap.title="热点区1悬停事件";
        // 类型
        tempMap.shape = "rect";
        // 热区坐标
        tempMap.coords = "0,0,238,191";
        // 链接
        tempMap.href = "#";
        // 单击事件
        tempMap.onclick = showDetails();
        // 添加到列表中
        tempObj.map[0] = tempMap;
        // 热点2
        tempMap = new Object();
        // 热区ID
        tempMap.id = "test1_hot2"
        // 类型
        tempMap.shape = "rect";
        // 热区坐标
        tempMap.coords = "147,7,286,33";
        // 链接
        tempMap.href = "#";
        // 单击事件
        tempMap.onclick = showDetails;
        // 添加到列表中
        tempObj.map[1] = tempMap; 
        // 将图片及相应热区信息添加到列表中
        tempArray[0] = tempObj; 
        return tempArray;
    };
    
